@charset "utf-8";
/* CSS Document */
@import url(layout.css); 
.header{ background-color:#fff;}
.nav2{ background:none;}

.user{ margin:20px auto; clear:both;}
.user_l{ width:240px; background-color:#333;}
.user_l ul{ padding:20px 30px 30px;}
.user_l ul li{ height:54px; border-bottom:1px #444 solid;}
.user_l ul li a {display:block;line-height:54px; height:54px; color:#eee;}
.user_l ul li a:hover{ color:#fff; background:#535353; border-radius:3px;}
.user_l ul li a.cur{ color:#f69;}
.user_l ul li a i{background:url(../images/user.png) no-repeat; display:inline-block; float:left; width:30px; height:54px; margin:0 10px;}
.user_l ul .u1 a i{ background-position:0 16px;}
.user_l ul .u1 a.cur i{ background-position:-30px 16px;}
.user_l ul .u2 a i{ background-position:0 -42px;}
.user_l ul .u2 a.cur i{ background-position:-30px -42px;}
.user_l ul .u3 a i{ background-position:0 -95px;}
.user_l ul .u3 a.cur i{ background-position:-30px -95px;}
.user_l ul .u4 a i{ background-position:0 -154px;}
.user_l ul .u4 a.cur i{ background-position:-30px -154px;}
.user_l ul .u5 a i{ background-position:0 -210px;}
.user_l ul .u5 a.cur i{ background-position:-30px -210px;}
.user_l ul .u6 a i{ background-position:0 -264px;}
.user_l ul .u6 a.cur i{ background-position:-30px -264px;}
.user_l ul .u7 a i{ background-position:0 -321px;}
.user_l ul .u7 a.cur i{ background-position:-30px -321px;}
.user_l ul .u8 a i{ background-position:0 -382px;}
.user_l ul .u8 a.cur i{ background-position:-30px -382px;}


.user_r{ width:760px; box-sizing:border-box; background-color:#fff; border:1px solid #eee; padding:30px; position:relative;}	
.head_l{ position:absolute; top:30px; left:30px; z-index:20; width:115px; height:115px; overflow:hidden; border-radius:50%;}
.head_l img{width:115px; height:115px;}
.head_r{ float:right; box-sizing:border-box; width:642px; height:115px; border:3px solid #ddd;} 
.user_head{}
.head_r ul{ padding:20px 0; height:69px;}
.head_r ul li{ float:left;}
.head_r ul li span{ color:#999; margin-top:10px;}
.head_r ul li strong,.head_r ul li span,.head_r ul li em{ display:block;}
.head_r ul li strong{ font-size:25px; font-weight:bolder; color:#333;}
.head_r ul .head_r_li1{ padding-left:88px;width:236px;}
.head_r ul .head_r_li1 .xunzhang{ display:inline-block; position:relative;}
.head_r ul .head_r_li1 .xunzhang a{ display:inline-block; width:25px; height:25px;}
.head_r ul .head_r_li1 .xunzhang .b1{ background:url(../images/jsj_icon/jsj_icon1.png) no-repeat center; background-size:25px;}
.head_r ul .head_r_li1 .xunzhang .b2{ background:url(../images/bldr_icon/bldr_icon1.png) no-repeat center; background-size:25px;}
.head_r ul .head_r_li1 .xunzhang .b3{ background:url(../images/dmfr_icon/dmfr_icon1.png) no-repeat center; background-size:25px;}
.head_r ul .head_r_li1 .xunzhang .xz_tips{ display:block; width:60px; height:27px; background:url(../images/user.png) no-repeat 0 -629px; position:absolute; top:-30px;left:10px; color:#fff; font-size:12px; text-align:center; line-height:22px;}


.head_r ul .head_r_li1 .xingzuo{ display:inline-block; background-color:#f69; color:#fff; font-size:12px; border-radius:3px; padding:2px 5px;  margin-left:10px;}
.head_r ul .head_r_li2,.head_r ul .head_r_li3{ border-left:1px dashed #ddd; width:152px;}
.head_r ul .head_r_li2 strong,.head_r ul .head_r_li3 strong{ text-align:center;}
.head_r ul .head_r_li2 span,.head_r ul .head_r_li3 span{ padding-left:70px; background:url(../images/user.png) no-repeat;}
.head_r ul .head_r_li2 span{ background-position:41px -373px;}
.head_r ul .head_r_li3 span{ background-position:41px -493px;}


.user_bottom{}
.user_bottom h2{ margin-top:40px; height:11px; border-bottom:1px solid #ddd; font-weight:normal;}
.user_bottom h2 span{ height:20px; line-height:20px; border-left:3px solid #f69; color:#f69; padding:0 10px; font-size:20px; display:inline-block; background:#fff;}
.user_bottom h2 a{ display:inline-block; background:url(../images/starsindex.gif) no-repeat -30px -5px;width:76px; height:20px; float:right;}

.my_sc{ width:700px; overflow:hidden;}
.my_sc ul{ width:740px; overflow:hidden;}
.my_sc ul li{ float:left; width:327px; margin-right:20px;}


.my_sc ul li{ height:90px; margin-top:30px;}
.my_sc ul li a{ display:block;}
.my_sc ul li span{width:120px; height:90px; overflow:hidden;}
.my_sc ul li img{ float:left; width:120px; height:auto; margin-right:10px;}
.my_sc ul li strong{ font-size:16px; font-weight:bold; height:30px; line-height:30px; overflow:hidden; display:block;}
.my_sc ul li a:hover strong{ color:#f69;}
.my_sc ul li p{ margin-top:10px; line-height:25px; height:50px; overflow:hidden; color:#999;}



.my_stars{ width:700px; overflow:hidden;}
 ul.starlist{ margin-top:10px; width:720px;}
 ul.starlist li{ float:left; margin:30px 20px 0 0; width:100px; text-align:center;}
 ul.starlist li img{ width:100px; height:100px; border-radius:50%;}



.my_fst{ width:700px; overflow:hidden;}
ul.fans_list{ overflow:hidden; width:735px;}
ul.fans_list li{float:left; width:158px; border:1px solid #ddd; margin:30px 20px 0 0;}
ul.fans_list li:hover{ box-shadow:2px 2px 8px rgba(0,0,0,.1); border-color:#ccc;}
ul.fans_list li img{ width:100px; height:100px;}
ul.fans_list li a{ display:block; text-align:center;}
ul.fans_list li a.img{ margin:10px auto; width:100px; height:100px;position:relative; border-radius:50%; overflow:hidden;}

ul.fans_list li a.fans_name{ height:33px; line-height:33px; font-size:16px;}
ul.fans_list li span{ display:block;background:#fff; color:#999; padding:10px 0;}
ul.fans_list li span em{  width:100%;  height:30px; display:block; line-height:30px; text-align:center; font-size:12px}
ul.fans_list li span em.fansnum{width:100%;}

ul.fans_list li span em.fansnum i, ul.fans_list li span em.phnum i, ul.joinlist li em.fansnum i, ul.joinlist li em.phnum i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon.gif) no-repeat 0 0;
    margin-right: 5px;
    vertical-align: sub;
}
ul.fans_list li span em.fansnum i {
    background-position: 0 -16px;
}

ul.fans_list li span em.phnum i {
    background-position: -16px -16px;
}


h3.main_title{ height:23px; border-bottom:1px solid #ddd; text-align:center; font-weight:normal; font-size:24px; position:relative;}
h3.main_title span{ background:#fff; display:inline-block; line-height:24px;}
h3.main_title a.more{ position:absolute; right:0; top:4px; display:inline-block; background:url(../images/starsindex.gif) no-repeat -39px -7px; width:67px; height:15px;}


/*我的收藏*/
.new_list li{ margin-top:30px;}
.new_list li img{ float:left; width:150px; height:110px; margin-right:20px;}
.new_list li strong{ font-size:16px; font-weight:bold; height:30px; line-height:30px; overflow:hidden; display:block;}
.new_list li a:hover strong{ color:#f69;}
.new_list li p{ line-height:20px; height:40px; overflow:hidden; color:#999;}
.new_list li span{ display:block; height:25px; line-height:25px; color:#777; margin-top:10px;}
.new_list li span em{ background:#f1f1f1; padding:0 10px; display:inline-block; height:25px; float:left; margin-right:10px;}
.new_list li span i{ display:inline-block; width:25px; height:25px; background:url(../images/icon.gif) no-repeat -16px -61px; margin-left:20px; vertical-align:middle;}




/*我宠幸的明星*/

ul.stars_top li span.icon_fansnum i, ul.stars_top li span.starbtn i, ul.joinlist li em.fansnum i, ul.joinlist li em.phnum i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon.gif) no-repeat 0 0;
    margin-right: 5px;
    vertical-align: sub;
}

ul.stars_top li{ height:76px; border-bottom:1px solid #eee; padding-bottom:20px; margin-top:20px; position:relative;}
ul.stars_top li a:hover{ color:#f69;}
ul.stars_top li .img{ float:left; width:82px; position:relative; margin-right:20px;}
ul.stars_top li .img img{ width:82px; height:82px; border-radius:82px;}
ul.stars_top li .img em{ background:url(../images/top_icon.png) no-repeat 0 -45px; display:block; width:70px; height:21px; position:absolute; left:5px; bottom:0; line-height:21px; text-align:center;}
ul.stars_top li strong{ line-height:76px; font-size:20px; font-weight:bold; float:left;}
ul.stars_top li em.icon_xz{ background:#f69; color:#fff; padding:0 5px; line-height:25px; margin:25px 0 0 5px; float:left; font-size:12px;}
ul.stars_top li span.icon_fansnum{ float:right; margin-right:100px; line-height:76px; color:#777; }
ul.stars_top li span.starbtn{ position:absolute; right:0; top:25px; width:85px; height:26px; background:#fff; color:#fff; border-radius:3px; line-height:26px; cursor:pointer;}
ul.stars_top li span.btn1{ background:#ff7f61;}
ul.stars_top li span.btn1 i{ background-position:-64px 0; float:left; margin:6px 5px 0 8px;}
ul.stars_top li span.btn2{ background:#fcc82b;}
ul.stars_top li span.btn2 i{ background-position:-64px -16px; float:left; margin:6px 2px 0 5px;}

ul.stars_top li{ height:120px; overflow:hidden;}
ul.stars_top li .img{ float:left; width:120px; position:relative; margin-right:20px;}
ul.stars_top li .img img{ width:120px; height:120px; border-radius:150px;}
ul.stars_top li .title{ height:30px; padding-top:10px;}
ul.stars_top li .title strong{ font-size:20px; line-height:30px;}
ul.stars_top li em.icon_xz{ margin-top:2px;}
ul.stars_top li .title span.icon_fansnum{ line-height:30px;}
ul.stars_top li p{ color:#999; line-height:25px; margin-top:15px; height:55px; overflow:hidden;}
ul.stars_top li span.starbtn{ top:12px;}



/*如何升级*/
.user_up ul li{ line-height:50px; border-bottom:1px solid #eee; padding:10px 0;}
.user_up ul li span{height:50px;  display:inline-block; width:120px;vertical-align:middle;line-height:50px; font-size:15px;}

.user_up .right{ float:right;}
.user_up .right em{ display:block; height:25px; line-height:25px; text-align:right;}
.user_up .right .em1{ color:#ff7a9a;}
.user_up .right .em2{ color:#999;}

.user_up .no_bor{ border:none;}


/*精彩活动*/
.user_act{ width:700px; overflow:hidden;}
.user_act ul{ width:750px;}
.user_act ul li{ width:330px; float:left; margin:30px 36px 0 0;border: 1px solid #ddd;}
.user_act ul li:hover{ box-shadow:2px 2px 8px rgba(0,0,0,.1); border-color:#ccc;}
.user_act ul li a{ display:block;}
.user_act ul li a img{ width:330px;}
.user_act ul li a span{ display:block; height:45px; line-height:45px; color:#888;}
.user_act ul li a .fl{ padding-left:10px;}
.user_act ul li a .fr{ padding-right:10px;}
.user_act ul li a b{ font-weight:normal;}



.user_nav{ position:fixed; top:0; left:50%; margin-left:-500px; z-index:99;}



/*user_msg*/
.user_msg{ border-bottom:none;}
.user_msg .tab {border-bottom: 1px solid #ededed; height: 28px; margin:30px 0 20px; color: #cef2e0;clear: both;}
.user_msg .tab li { float: left; width:33.333%;}
.user_msg .tab li a{ float: left; width:100%; text-align:center; height: 28px; line-height: 28px; background-color:#f8f8f8; }
.user_msg .tab li .on{ border-bottom: 1px #f69 solid; background-color:#f69; color:#fff;}

.system_msg ul li{ overflow:hidden; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.system_msg ul li span,.system_msg ul li strong,.system_msg ul li small,.system_msg ul li em{ display:block;}
.system_msg ul li em{ width:30px; height:35px; background:url(../images/system_msg.png) no-repeat center;}
.system_msg ul li span{ width:647px; margin-left:20px;}
.system_msg ul li strong{ font-size:22px;}
.system_msg ul li small{ margin:10px 0; color:#999;}
.system_msg ul li p{ line-height:28px;}

/*全部评论*/

.about_comment h3{ font-size:18px; color:#f69; font-weight:normal; height:40px; line-height:40px; border-bottom:1px solid #ddd; margin-top:30px;}
.about_comment ul.about_commentlist li{ border-bottom:1px solid #eee; margin-top:20px; padding-bottom:20px;}
.about_comment ul.about_commentlist li .com_user{ height:62px; position:relative;}
.about_comment ul.about_commentlist li .com_user img{ margin-right:20px;}
.about_comment ul.about_commentlist li .com_user strong{ font-weight:normal; display:block; font-size:16px; padding-top:10px;}
.about_comment ul.about_commentlist li .com_user span{ color:#999; display:block; margin-top:5px;}
.about_comment ul.about_commentlist li p{ margin:0 0 0 84px;}
.about_comment ul.about_commentlist li .reply{ background:#f8f8f8; border:1px solid #eee; padding:10px; color:#999; margin:10px 0 10px 84px; font-size:12px;}
.about_comment ul.about_commentlist li .reply p{ line-height:20px; margin:0 0 10px; font-size:14px;}

.about_comment ul.about_commentlist li .com_user img{ float:left; width:62px; height:62px; border-radius:62px; border:1px solid #ddd;}



/*弹幕*/
.chpt{ height:90px; background-color:#f8f8f8; margin:30px 0 0 87px;}
.chpt a{ display:block;}
.chpt span{ display:block;margin-right:10px; float:left; width:120px; height:90px; overflow:hidden;}
.chpt img{width:120px; height:auto; }
.chpt strong{ font-size:16px; font-weight:bold; height:30px; line-height:30px; overflow:hidden; display:block;}
.chpt a:hover strong{ color:#f69;}
.chpt p{ margin-top:10px; line-height:25px; height:50px; overflow:hidden; color:#999;}




/*修改个人资料*/
.ch_data{ background-color:#fff;}
.ch_data ul li{ padding:10px 0;  line-height:50px; border-bottom:1px solid #eee;}
.ch_data ul li span{text-align: right; display:inline-block; width:105px;vertical-align:middle; height:30px; line-height:30px; margin-right:20px;}

.self_display{ border-top:1px solid #ddd;}
.base_data ul .li_tit1{ padding-left:35px; background:url(../images/ch_data1.png) no-repeat left center; font-size:16px;}
.self_display ul .li_tit2{ padding-left:35px; background:url(../images/ch_data2.png) no-repeat left center; font-size:16px;}

.ch_data input[type="text"]{ line-height:48px; width:75%;}
.ch_data select{ vertical-align:middle; height:30px;display: inline-block; border:1px #ddd solid; border-radius:3px;  background-size:14px;}

.ch_data .no_bor{ border:none;}

.ch_ex{ position:relative; display:inline-block; vertical-align:middle; width:115px; height:115px; overflow:hidden; border-radius:50%;}
.ch_ex img{ width:115px; height:auto;}
.ch_ex .zhe{ display:none;width:115px; height:115px; background-color: rgba(0,0,0,0.4);color:#fff; position:absolute; top:0; left:0; line-height:115px; text-align:center; }
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.ch_ex .zhe{ background-color:#000; filter:Alpha(opacity=40);}
}
.ch_ex:hover .zhe{ display:block;}

input[type="radio"]{ display:inline-block; width:13px; height:13px; background:url(../images/radio.png) no-repeat center; background-size:13px; margin-right:5px;}

input[type="radio"]:checked{ background:url(../images/radio_hover.png) no-repeat center;background-size:13px; }
label{ margin-right:10px;}


/*collction*/

.collction{ border-bottom:none;}
.collction .tab {border-bottom: 1px solid #ededed; height: 28px; margin:30px 0; color: #cef2e0;clear: both;}
.collction .tab li { float: left; width:50%; margin:0;}
.collction .tab li a{ float: left; width:100%; text-align:center; height: 28px; line-height: 28px; background-color:#f8f8f8; }
.collction .tab li .on{ border-bottom: 1px #f69 solid; background-color:#f69; color:#fff;}


#mygif{ width:700px; overflow:hidden;}
#mygif ul{ width:750px;}
#mygif ul li{ width:330px; float:left; margin:0 36px 30px 0;border: 1px solid #ddd;}
#mygif ul li:hover{ box-shadow:2px 2px 8px rgba(0,0,0,.1); border-color:#ccc;}
#mygif ul li a{ display:block;}
#mygif ul li a img{ width:330px; height:auto;}
#mygif ul li a span{ margin-top:0; display:block; height:45px; line-height:45px; color:#888;}
#mygif ul li a .fl{ padding-left:10px; width:200px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#mygif ul li a .fr{ padding-right:10px;}



.main h2{    color: #fff; background-color: #ff769a; font-size: 16px; width: 90px; font-weight: normal;height: 28px; line-height: 28px;border-radius: 3px;border-left: 3px solid #ff7b9a; margin-top: 32px;text-align: center;}
.main ul{ width:99%; margin:40px auto 40px;}
.main ul li{ float:left; width:16.666%; text-align:center; margin-top:10px;}
.main ul li em{ width:58px; height:58px; display:inline-block; background-size:290px 116px; position:relative;}
.main ul li em .xz_layer{ display:none; position:absolute; z-index:999; background:#f4f4f4; padding:10px; border-radius:3px; border:1px solid #ddd; top:5px; left:70px; width:102px; text-align:left; z-index:50; font-size:12px; line-height:20px; box-shadow:1px 1px 3px rgba(211,211,211,0.1)}
.main ul li em .xz_layer small{ background:url(../images/xz_layer_arrow.png) no-repeat 0 0; background-size:9px 14px; position:absolute; top:10px; left:-9px; display:block; width:9px; height:14px;}
.main ul li em .xz_layer strong{ display:block; color:#ff7a9a; font-weight:normal;}
.main ul li em .xz_layer p{ display:block; color:#777;}
.main ul li span{ background:#f4f4f4; width:55px; height:22px; border-radius:22px; display:block; color:#666; text-align:center; margin:0 auto; line-height:22px; margin-top:10px;}
.main ul li:hover em .xz_layer{ display:block;}

.main ul.jsj li.on span{ background:#eaf5e9; color:#69bc61;}
.main ul.jsj li em{ background-image:url(../images/xz_jsj_icon.png);}
.main ul.jsj li em.xz_jsj_icon1{ background-position:0 0;}
.main ul.jsj li em.xz_jsj_icon2{ background-position:-58px 0;}
.main ul.jsj li em.xz_jsj_icon3{ background-position:-116px 0;}
.main ul.jsj li em.xz_jsj_icon4{ background-position:-174px 0;}
.main ul.jsj li em.xz_jsj_icon5{ background-position:-232px 0;}
.main ul.jsj li.on em.xz_jsj_icon1{ background-position:0 -58px;}
.main ul.jsj li.on em.xz_jsj_icon2{ background-position:-58px -58px;}
.main ul.jsj li.on em.xz_jsj_icon3{ background-position:-116px -58px;}
.main ul.jsj li.on em.xz_jsj_icon4{ background-position:-174px -58px;}
.main ul.jsj li.on em.xz_jsj_icon5{ background-position:-232px -58px;}

.main ul.bldr li.on span{ background:#fff3d7; color:#ff7e00;}
.main ul.bldr li em{ background-image:url(../images/xz_bldr_icon.png);}
.main ul.bldr li em.xz_bldr_icon1{ background-position:0 0;}
.main ul.bldr li em.xz_bldr_icon2{ background-position:-58px 0;}
.main ul.bldr li em.xz_bldr_icon3{ background-position:-116px 0;}
.main ul.bldr li em.xz_bldr_icon4{ background-position:-174px 0;}
.main ul.bldr li em.xz_bldr_icon5{ background-position:-232px 0;}
.main ul.bldr li.on em.xz_bldr_icon1{ background-position:0 -58px;}
.main ul.bldr li.on em.xz_bldr_icon2{ background-position:-58px -58px;}
.main ul.bldr li.on em.xz_bldr_icon3{ background-position:-116px -58px;}
.main ul.bldr li.on em.xz_bldr_icon4{ background-position:-174px -58px;}
.main ul.bldr li.on em.xz_bldr_icon5{ background-position:-232px -58px;}

.main ul.tmfr li.on span{ background:#e8f8ff; color:#41b8e8;}
.main ul.tmfr li em{ background-image:url(../images/xz_tmfr_icon.png);}
.main ul.tmfr li em.xz_tmfr_icon1{ background-position:0 0;}
.main ul.tmfr li em.xz_tmfr_icon2{ background-position:-58px 0;}
.main ul.tmfr li em.xz_tmfr_icon3{ background-position:-116px 0;}
.main ul.tmfr li em.xz_tmfr_icon4{ background-position:-174px 0;}
.main ul.tmfr li em.xz_tmfr_icon5{ background-position:-232px 0;}
.main ul.tmfr li.on em.xz_tmfr_icon1{ background-position:0 -58px;}
.main ul.tmfr li.on em.xz_tmfr_icon2{ background-position:-58px -58px;}
.main ul.tmfr li.on em.xz_tmfr_icon3{ background-position:-116px -58px;}
.main ul.tmfr li.on em.xz_tmfr_icon4{ background-position:-174px -58px;}
.main ul.tmfr li.on em.xz_tmfr_icon5{ background-position:-232px -58px;}
